.headerbar { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; height: 0.88rem; line-height: 0.88rem; background: #fff; font-size: 0.28rem; }

.headerbar .headerbar-left { text-align: left; width: 1.76rem; height: 0.88rem; font-size: 0; }

.headerbar .headerbar-left .navigation { display: inline-block; width: 0.88rem; height: 0.88rem; text-align: center; }

.headerbar .headerbar-left .navigation .icon-zuojiantou { font-size: 0.4rem; color: #232628; }

.headerbar-center { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.headerbar-center .headerbar-content { font-size: 0.32rem; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.tabbar { position: fixed; left: 0; right: 0; bottom: 0; z-index: 9; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; overflow: hidden; background: #F7F9FA; }

.tabbar .tabbar-item1 { color: #232628; height: 0.98rem; -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; text-align: center; }

.tabbar .tabbar-item1 > .navigation { height: 0.98rem; padding-top: 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.tabbar .tabbar-item1 > .navigation p { font-size: 0.22rem; display: block; line-height: 0.304rem; color: #232628; }

.tabbar .tabbar-item1 > .navigation i { font-size: 0.4rem; display: block; color: #232628; }

.tabbar .tabbar-item1 .iconfont { font-size: 0.28rem; margin-top: 0.12rem; position: relative; }

.main { background-color: #e2dede; border: 0; padding: 0; margin: 0; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.28rem; }

.main .login { height: 0.8rem; line-height: 0.8rem; text-align: center; background: #fff0ec; border: 0.02rem solid rgba(255, 115, 76, 0.2); }

.main .login .login-tips { font-size: 0.26rem; }

.main .login .login-btn { display: inline-block; margin-left: 0.32rem; width: 1.28rem; height: 0.48rem; line-height: 0.48rem; text-align: center; border-radius: 0.54rem; border: 0.02rem solid #ff734c; color: #FF734C; font-size: 0.26rem; }

.emptycart { background-color: #fff; padding: 0.84rem 0 1.04rem; text-align: center; }

.emptycart img { display: -webkit-inline-box; margin-left: -0.28rem; width: 2.54rem; }

.emptycart .text { margin-top: 0.44rem; color: #232628; font-size: 0.26rem; }

.emptycart .home { display: inline-block; margin-top: 0.28rem; width: 2.32rem; height: 0.56rem; line-height: 0.56rem; background: #ff734c; border-radius: 0.54rem; color: #ffffff; font-size: 0.3rem; font-weight: 600; }

.guess { margin-top: 0.16rem; padding-bottom: 0.98rem; background-color: #fff; }

.guess .guess-title { height: 1.12rem; font-size: 0.32rem; color: #232628; padding: 0 0.32rem; line-height: 1.12rem; }

.guess-list { font-size: 0; padding: 0 1.2%; }

.guess-list .guess-item { display: inline-block; width: 48.08743169%; margin: 0 0.93333% 0.068rem; border-radius: 0.08rem; overflow: hidden; box-shadow: 0rem 0.08rem 0.12rem 0rem #dee2e5; }

.guess-list .guess-item .guess-item-img img { width: 100%; vertical-align: middle; }

.guess-list .guess-item .guess-item-detail { height: 1.04rem; padding: 0.12rem 0.16rem; }

.guess-item-info { font-size: 0.24rem; color: #232628; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }

.guess-item-price { margin-top: 0.12rem; font-size: 0.28rem; color: #FF734C; }

.guess-bottom { height: 0.72rem; line-height: 0.72rem; margin-top: 0.04rem; font-size: 0.24rem; color: #71797F; text-align: center; }
